大型網(wǎng)站性能優(yōu)化(頁面(HTML)優(yōu)化的方法)
發(fā)布時間:2013-12-18 瀏覽:166打印字號:大中小
頁面(HTML)優(yōu)化的方法
除了語言層面上進(jìn)行優(yōu)化外,對Web開發(fā),HTML的優(yōu)化將很大程度上減輕服務(wù)器的負(fù)載,提高網(wǎng)站的性能
1). 減少HTTP請求數(shù)。
打開網(wǎng)頁烏發(fā)散,瀏覽器會發(fā)出很多請求,圖片,腳本,每個對象的加載都需要花時間, 需要減負(fù)載。
1. 合并CSS,Js文件 ,減少Http的請求數(shù)
2. 合并框架圖片以及相當(dāng)變動較少的圖片,合成一張。有時直接用Css完成。
3. 合理的使用本地的Cached來緩存 js/css/image
2). 減少被請求文件的大小,較少請求數(shù)據(jù)占用的網(wǎng)絡(luò)帶寬。
1. 壓縮Js體積, 刪除沒有空行,注釋,變量名。 大型的Js很亂,沒有空行或換行,其實也是優(yōu)化的表現(xiàn)
2. 壓縮CSS體積
3. 用XHtml + Css 方式搭建網(wǎng)站結(jié)構(gòu),提高CSS的重用性
4. 用服務(wù)端GZip壓縮JS/Css 文件, 縮小傳輸文件大小(16.7.2)
3). 通過版本化控制客戶端的緩存
1. 通常JS/CSS這類文件改動比較頻繁,為加載加快,可能要設(shè)置這類文件的過期時間,為幾天后從而實現(xiàn)緩存,那我們的問題就是如何及時的更改這些被緩存的文件了。
2. 通過修改JS版本來及時告訴瀏覽器, 如: 該JS文件名,路徑, URL Rewrite,大版本不變,小版本不斷追加,等一定時間后統(tǒng)一更新
4). 幫頁面減肥 。簡潔風(fēng)格,少用Flash等
5). 刪除頁眉可有可無的內(nèi)容。 如空格,注釋
6). 刪除頁面代碼中的空語句
7). 刪除HTMl中的默認(rèn)值,什么顏色,對齊之類的
8. 優(yōu)化CSS文件
9. Visibility 快于Display
圖片的時隱時現(xiàn),如果是保持決定位置,用Visibility 好。 none,hidden . visibility: hindden
10. 緩存區(qū)是區(qū)分大小寫的,保持url大小寫一致性
11. 讓html標(biāo)記有始終。 減少瀏覽器的判斷時間
12. 不用將全部內(nèi)容塞入一個Table中。 因為Talbe要等內(nèi)容加載完畢才顯示出來。如果某些內(nèi)容有錯,將拖延頁面的訪問速度。
13. 如果有廣告代碼,放入iframe中最好了。
最新文章
- 1網(wǎng)站內(nèi)容收錄后被刪除的解決方法
- 2北京網(wǎng)站設(shè)計公司哪家好
- 3網(wǎng)站優(yōu)化如何提高關(guān)鍵詞排名
- 4北京網(wǎng)站設(shè)計公司:企業(yè)網(wǎng)站忽視十大重要優(yōu)化重點
- 5北京網(wǎng)站建設(shè):SEO優(yōu)化對企業(yè)營銷的重要性
- 6北京網(wǎng)站制作公司談網(wǎng)站草圖設(shè)計
- 7北京網(wǎng)站制作公司-Robots協(xié)議到底要不要寫
- 8北京電商網(wǎng)站建設(shè)公司
- 9企業(yè)網(wǎng)站關(guān)鍵詞優(yōu)化方法
- 10如何設(shè)置網(wǎng)站標(biāo)題更利于SEO優(yōu)化